<!DOCTYPE html>
<html>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title></title>
  <link href="/wenda/styles/base.css" rel="stylesheet" type="text/css">
  <link href="/styles/travelnotes.css" rel="stylesheet" type="text/css">
  <link href="/wenda/js/datepicker/datepicker.css" rel="stylesheet">
  <link href="/wenda/styles/wenda.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="/js/jquery/jquery.js"></script>
  <script type="text/javascript" src="/wenda/js/wenda.js"></script>
  <link href="/js/plugins/jqPaginator/jqPagination.css" rel="stylesheet" type="text/css">
  <script type="text/javascript" src="/js/plugins/jqPaginator/jq-paginator.min.js"></script>
  <link href="/styles/base.css" rel="stylesheet" type="text/css">

  <link href="/styles/index.css" rel="stylesheet" type="text/css">

  <style>
    .search-container-my{
      position: fixed;
      top: 69px;
      left: 41%;
      height: 56px;
    }
  </style>

  <script>

    $(function () {
      //查询
      $("#_j_index_search_btn_all").click(function () {
        $("#kwSearchForm").submit();
      })
    })
  </script>
</head>

<body style="position: relative;">
  <div class="topBar">
    <div class="topBarC">
      <div class="logo"><a title="马蜂窝自由行" href="javascript:;">马蜂窝自由行</a></div>
      <div class="t_nav">
        <ul id="pnl_nav" data-cs-t="headnav_wo">
          <li data-cs-p="index">
            <strong class="t"><a href="/">首页</a></strong>
          </li>
          <li data-cs-t="wenda" data-cs-p="wenda">
            <strong class="t"><a data-cs-p="from_wo_nav" href="/community">问答</a></strong>
          </li>
          <li data-cs-t="things" data-cs-p="things">
            <strong class="t"><a data-cs-p="from_wo_nav" href="javascript:;">马蜂窝周边</a></strong>
          </li>
          <li data-cs-p="together">
            <strong class="t"><a href="javascript:;">结伴</a></strong>
          </li>
          <li data-cs-p="group">
            <strong class="t"><a href="javascript:;">小组</a></strong>
          </li>
          <li data-cs-p="mall">
            <strong class="t"><a href="javascript:;">蜂首俱乐部</a></strong>
          </li>
          <li class="drop" data-cs-p="other">
            <strong class="t"><a href="javascript:;">更多<b></b></a></strong>
          </li>
        </ul>
      </div>
      <div class="t_search">
        <form method="GET" action="/community" id="searchForm">
          <input type="text" class="key" value="" name="q" id="word">
          <input type="hidden" name="currentPage" id="currentPage" value="1">
          <input type="submit" value="" class="btn">
        </form>
      </div>

      <!--文件上传-->
      <form action="/community/coverImageUpload" method="post" id="coverForm">
        <input type="file" name="pic" id="coverBtn" style="display: none;">
      </form>
      <div class="t_info">
        <div class="pagelet-block">
          <ul class="user_info">
            <li class="daka">
              <span class="daka_btn" id="_j_dakabtn" data-japp="daka">
                <a role="button" title="打卡" class="daka_before">打卡</a>
                <a role="button" title="打卡推荐" class="daka_after">打卡推荐</a>
              </span>
            </li>
            <li id="pnl_user_msg" data-hoverclass="on" class="msg _j_hoverclass">
              <span id="oldmsg" class="oldmsg"><a href="javascript:;" class="infoItem">消息<b></b></a></span>
              <ul id="head-msg-box" class="drop-bd">
                <li><a href="javascript:;" rel="nofollow">私信</a></li>
                <li><a href="javascript:;" rel="nofollow">小组消息</a></li>
                <li><a href="javascript:;" rel="nofollow">系统通知</a></li>
                <li><a href="javascript:;" rel="nofollow">问答消息</a></li>
                <li><a href="javascript:;" rel="nofollow">回复消息</a></li>
                <li><a href="javascript:;" rel="nofollow">喜欢与收藏</a></li>
                <li><a href="javascript:;" rel="nofollow">好友动态</a></li>
              </ul>
            </li>
            <li class="ub-item ub-new-msg" id="head-new-msg">
            </li>
            <li class="account _j_hoverclass" data-hoverclass="on" id="pnl_user_set">
              <span class="t"><a class="infoItem" href="javascript:;"><img
                    src="http://b2-q.mafengwo.net/s12/M00/35/B7/wKgED1uqIs-AMYTwAAAX-VIKIo0071.png?imageMogr2%2Fthumbnail%2F%2132x32r%2Fgravity%2FCenter%2Fcrop%2F%2132x32%2Fquality%2F90"
                    width="32" height="32" align="absmiddle"><b></b></a></span>

            </li>
          </ul>
        </div>
      </div>
    </div>
  </div>



  <div class="wrapper wrapper-new">
    <div class="col-main">


      <div class="search-container search-container-my"  id="_j_index_search">

        <div class="search-group">

          <form action="/community/q" method="get" id="kwSearchForm">

            <div class="searchbar" id="_j_index_search_bar_all">
              <div class="search-wrapper">
                <div class="search-input">
                  <input name="keyword" type="text" placeholder="搜索所有问题" id="_j_index_search_input_all" autocomplete="off">
                </div>
              </div>
              <div class="search-button" id="_j_index_search_btn_all">
                <a role="button" href="javascript:"><i class="icon-search"></i></a>
              </div>
            </div>

          </form>
        </div>
      </div>


      <img src="/images/shouyeapp.png"  width="700" height="600" >

      <div class="newcate-wrap _j_qa_list">
        <div class="bd newcate-bd">
          <ul class="_j_pager_box">
            <#list questions.content as w>
              <li class="item clearfix " data-qid="${w.id}">
                <div class="title">
                  <a href="/community/detail?id=${w.id}" target="_blank">${(w.title)!}</a></div>

                <div class="container">
                  <div class="avatar">
                    <a href="" target="_blank" class="_j_filter_click">

                      <img class="_j_filter_click" src="${(w.authorHeadImgUrl)!}">
                    </a>
                  </div>
                  <div class="user-info">
                    <a class="name _j_filter_click" href="/wenda/u/50339542/answer.html" target="_blank">${(w.authorName)!}</a>

                    <a class="level _j_filter_click" href="/rank/lv.php?uid=50339542" target="_blank"
                       rel="nofollow">LV.${(w.authorlevel)!}</a>
                  </div>

                  <div class="desc clearfix">
                    <a href="/community/detail?id=${(w.id)!}" target="_blank" style="color: #666;">
                      <P>${(w.content)!}</P>
                    </a>
                  </div>
                  <div class="tags">
                    <a class="a-tag _j_filter_click" href="/wenda/tag-1620.html" target="_blank">美食</a>
                    <a class="a-tag _j_filter_click" href="/wenda/tag-1797.html" target="_blank">小吃</a>
                    <a class="a-tag _j_filter_click" href="/wenda/tag-1601.html" target="_blank">上海</a>
                  </div>
                  <div class="operate">
                    <div class="zan"><i></i></div>

                    <div class="mdd"><a href="/wenda/area-10099.html" class="_j_filter_click"
                                        target="_blank"><i class="_j_filter_click"></i>${(w.destName)!}</a></div>
                    <a href="/community/detail?id=${(w.id)!}" target="_blank"
                       style="text-decoration: none;">
                      <span class="reply">评论 (${(w.thumbsupnum)!})</span>
                    </a>
                    <#--<span class="date">发布于2018-05-29 19:12</span>-->
                    <span class="date">发布于${(w.createtime?string('yyyy-MM-dd HH:mm:ss'))!}</span>
                  </div>
                </div>
              </li>
            </#list>
          </ul>
        </div>
      </div>
    </div>
    <div class="col-side">
        <div class="i-ask">
            <a href="/community/input" class="btn-ask btn-ask2" target="_blank"><i></i>我要提问</a>
        </div>

      <div class="m-box m-comm">
        <div class="hd">
          <h2><i></i>最新评论动态</h2>
        </div>
        <div class="bd">
          <ul id="_j_new_action_list" style="height: auto; overflow:hidden">

            <#list tcs as tc>
              <li data-action_id="19886923">
                <a href="javascript:;" target="_blank" rel="nofollow">
                  <img src="${tc.headImgUrl!}"  width="16" height="16" rel="nofollow">${tc.username!}
                </a>刚刚点评了...
                <a href="javascript:;" target="_blank" title="新加坡植物园(Singapore Botanic Gardens)">

                  <#--<#if tc.travelTitle?length <5 >
                    ${tc.travelTitle}
                  <#else>
                    ${tc.travelTitle?substring(0, 5)}...
                  </#if>-->

                </a>
                <p>
                  <#if tc.content?length <10 >
                    ${tc.content}
                  <#else>
                    ${tc.content?substring(0, 10)}...
                  </#if>
                </p>
              </li>
            </#list>
          </ul>
        </div>
      </div>

      <div class="rank _j_rank" style="margin-top: 20px;">
        <div class="hd">排行榜<ul class="tab-time">
            <li class="_j_rank_change_date" data-type="0"><span>今日</span></li>
            <li class="_j_rank_change_date on" data-type="1"><span>本周</span></li>
            <li class="_j_rank_change_date" data-type="2"><span>本月</span></li>
          </ul>
        </div>
        <div class="bd">
          <ul class="tab-num" data-cs-p="rank_list">
            <li class="_j_rank_change_flag" data-rank="0" data-cs-d="金牌数">金牌数</li>
            <li class="_j_rank_change_flag on" data-rank="1" data-cs-d="回答数">回答数</li>
            <li class="_j_rank_change_flag" data-rank="2" data-cs-d="被顶次数">被顶次数</li>

          </ul>
          <ul class="rank-list _j_rank_list">
            <#list page.list as s>
              <li class="r-top r-top1 clearfix">
                <em class="num">1</em>
                <div class="user no_qid">
                  <a class="avatar" href="javascript:;" target="_blank" rel="nofollow"><img src="${(s.userInfo.headImgUrl)!}" width="50" height="50" >
                    <span class="name"><a href="javascript:;" target="_blank"
                                          rel="nofollow">${(s.title)!}</a></span>
                    <span class="level"><a href="javascript:;" target="_blank"
                                           rel="nofollow">LV.${(s.userInfo.level)!}</a></span>
                </div>
                <span class="num">${(s.thumbsupnum)!}</span>
              </li>
            </#list>
          </ul>
        </div>
      </div>
    </div>
  </div>
  <#include "../common/footer.ftl">
</body>

</html>